/*
  学习目标：给buton按钮绑定事件
  语法:  on驼峰事件名={函数}
  注意:
    1. 事件一定要是函数, 不能是函数调用
    2. 事件放在{}中, 而不是放在""
*/
import React from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        <button
          // 1.👍 少量代码
          // onClick={() => alert('hello  React')}

          // 2.2 👍 多行代码
          onClick={this.handleClick}
        >
          点我
        </button>
      </div>
    );
  }

  handleClick() {
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
    console.log('123  ----->  ', 123);
  }
}
